<template>
	<div class="iconList">
		<div class="item" v-for="(item,index) of imgListData" :key="index" @click="jumpUrl(item.h5_url)">
			<img v-lazy="item.img_url" alt="">
			<div class="tit">{{item.name}}</div>
		</div>
	</div>
</template>
<script>
export default{
	name:'iconList',
	data(){
		return{
			
		}
	},
	props:{
		imgListData:Array
	},
	methods:{
		jumpUrl(h5_url){
			if(!h5_url){
				return
			}
			window.location.href=h5_url
		}
	},
	watch:{

	}
}
</script>
<style lang="stylus" scoped>
.iconList{width:100%;overflow:hidden;display: flex;flex-direction: row;align-items: center;justify-content:space-between;background:#fff;position:relative;flex-wrap:wrap;padding-bottom:10px;}
.item{width:25%;display:inline-block;padding-top:10px;}
.item img{width:60px;height:60px;margin:0 auto;display:block;}
.tit{width:100%;text-align:center;font-size:12px;color:#333;margin-top:5px;}

</style>